javascript
youtube
This beginner's tutorial covers the fundamentals of the Document Object Model (DOM) in JavaScript. Learn DOM structure, element traversal, manipulation, and event handling with a hands-on Expense Tracker project. Perfect for aspiring front-end developers.
Course created by @logicBaseLabs
⭐️ Resources ⭐️
🔗 Project Source Code:
🔗 HTML DOM Events List -
🔗 DOM Selection Cheat Sheet -
🔗 DOM Traversal Cheat Sheet -
🔗 DOM Manipulation Sheet -
🔗 DOM Project Ideas -
🔗 logicBase Labs YouTube Channel -
🔗 logicBaseLabs LinkedIn Page -
🔗 logicBaseLabs X -
❤️ Try interactive JavaScript courses we love, right in your browser: (Made possible by a grant from our friends at Scrimba)
⭐️ Chapters ⭐️
- 0:00:00 Intro
- 0:02:28 Lesson 1 - What is DOM
- 0:08:23 Lesson 2 - Analyze the DOM
- 0:20:51 Lesson 3 - Traversing DOM Elements
- 0:42:09 Lesson 4 - Traversing DOM Hierarchy
- 0:54:45 Lesson 5 - Manipulate the DOM
- 1:05:59 Lesson 6 - Listening to DOM Events
- 1:21:43 Lesson 7 - Project Expense Tracker App
- 1:55:32 Final words
🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual
--
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
|
2025/10/16
youtube
![How to build your own learning path using Open Source with Kunal Kushwaha [Podcast #200]](https://i.ytimg.com/vi/VgBQ0yBSjfM/sddefault.jpg)
![Git & GitHub Crash Course for Beginners [2026]](https://i.ytimg.com/vi/mAFoROnOfHs/sddefault.jpg)
